<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html> 
<head> 
	<title>Chart page</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
	<script type="text/javascript" src="Charts/jquery.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script type="text/javascript" src="Charts/FusionCharts.js" ></script> 
	<script type="text/javascript" src="Charts/FusionCharts.jqueryplugin.js" ></script> 
</head> 
<body> 
	<div data-role="page" data-theme="a">
		<div data-role="header">
			<a href="index.html" data-icon="home" class="ui-btn-left"> Home</a >
			<h1 >Warehouse Revenue - All Sites</h1 >
			<a href="all_ebitda.html" data-icon="next" class="ui-btn-right"> Next</a >
		</div>
		<div data-role="content" data-theme="d">
			<div id="chartContainer">FusionCharts XT will load here!</div>
			<script type="text/javascript">
				$(document).ready(function () {
					$("#chartContainer").insertFusionCharts({
						swfUrl: "Charts/MSLine.swf",
						renderer: "JavaScript",
						dataSource: "Data2.xml",
						dataFormat: "xmlurl",
						width: "100%",
						height: "100%",
						id: "myChartId"
					});
				});
			</script>
 			<script type="text/javascript">
				
				$(document).ready(function () {
					$("#chartContainer").insertFusionCharts({
						swfUrl: "Charts/Column2D.swf",
						renderer: "JavaScript",
						dataSource: "Data.xml",
						dataFormat: "xmlurl",
						width: "100%",
						height: "88%",
						id: "myChartId"
					});
				});
			</script > 
		</div >
	</div >
</body>
</html>